$(function(){

// 自定义校验规则
layui.form.verify({
    rePwd:function(val){
        // val 是再次输入密码框的值
const pwd=$('.reg-box [name="password"]').val().trim()
if(pwd !==val){
    return '输入的两次密码不一样'
}
    },
    // 验证密码长度的校验规则
    pwd:[/^[\S]{6,12}$/,'密码的长度为6-12位,且不能有空格']
})
// 设置密码要求
// 点击去注册的链接
$('#link-reg').on('click',function(){
    // 显示注册的盒子
    $('.reg-box').show()
    // 隐藏登陆的盒子
    $('.login-box').hide()
})

// 点击去登陆的链接
$('#link-login').on('click',function(){
    // 显示登陆的盒子
    $('.login-box').show()
   
    // 隐藏登陆的盒子
    $('.reg-box').hide()
   
})
// 为注册的表单注册submit事件
$('.reg-box form').on('submit',function(e){
    // 组织表单的默认行为
    e.preventDefault()
    // 获取表单数据

  const username=$('.reg-box [name="username"]').val().trim()
  const password=$('.reg-box [name="password"]').val().trim()
    // 2 发送Ajax请求,上传数据到服务器
   $.post('/api/reguser',{
    username: username,
    password:password
   },
function(res){
    if(res.status===0){
// 注册成功
// layer是导入了layui库就有的
layer.msg(res.message)
// 模拟去登陆扽点击行为(会跳转到登陆页面)
$('#link-login').click()

    }
    else{
        // 注册失败
        layer.msg(res.message)
    }

}
   )

})

// 为登陆的表单注册submit事件
$('.login-box form').on('submit',function(e){
    // 组织表单的默认行为
    e.preventDefault()
    // 获取表单数据

  const username=$('.reg-box [name="username"]').val().trim()
  const password=$('.reg-box [name="password"]').val().trim()
    // 2 发送Ajax请求,上传数据到服务器
   $.post('/api/login',$(this).serialize(),
function(res){
    if(res.status===0){
// 注册成功
// layer是导入了layui库就有的
layer.msg('登陆成功')
// token的作用是证明登陆成功,表示有权限
// 把得到的token的值,存储到localStrorage
localStorage.setItem('token',res.token)
// 跳转到index页面
location.href='./index.html'



    }
    else{
        // 注册失败
        layer.msg(res.message)
    }

}
   )

})
})

